<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" %>
<!DOCTYPE html  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>学生信息管理系统</title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/my.css">
<link rel="stylesheet" href="../css/loginform.css">
<script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
</head>
<body>
  <!--   <div>
			<img  src="../img/header.jpg" style="width: 100%;height:100px;"/>
    	</div> -->
    <div id="top-pic"></div>
	<div class="container ">
		<h2 id="mainHeader"><strong>学生信息管理系统</strong></h2>
		<ul id="loginTab" class="nav nav-tabs">
			<li class="active"><a href="#student" data-toggle="tab">学生登录</a></li>
			<li ><a href="#teacher" data-toggle="tab">教师登录</a></li>
			<li ><a href="#admin" data-toggle="tab">管理员登录</a></li>
		</ul>
		<div class="tab-content" id="LoginContent">
			<div class="tab-pane fade in active" id="student">
				<div class="well">
							<h3>
								<img class="img-circle" id="head-pic" src="../img/student.jpg"/>
								学生登录
							</h3>
						
							<form  role="form" action="../StudentLoginServlet" method="post">
									<div class="form-group">
										<input type="text" name="sno" placeholder="学号" class="form-control"/>
									</div>
									<div class="form-group">
										<input  type="password" name="spassword" placeholder="密码" class="form-control"/>
									</div>		
									<div class="form-group">
										<input  type="submit" class="btn btn-default" value="登录" style="width: 100%"/>
									</div>	
							</form>
				</div>
			</div>
			<div class="tab-pane fade" id="teacher">
				<div class="well">
							<h3>
								<img class="img-circle" id="head-pic" src="../img/teacher.jpg"/>教师登录
							</h3>
							<form class="" role="group" action="../TeacherLoginServlet" method="post">
								<div class="form-group">
									<input type="text" name="tid" placeholder="教师工号" class="form-control"/>
								</div>
								<div class="form-group">
									<input type="password" name="tpassword" placeholder="密码" class="form-control"/>
								</div>
								<div class="form-group">
									<input type="submit" class="btn btn-primary" value="登录" style="width: 100%"/>
								</div>				
							</form>
				</div>
			</div>
			<div class="tab-pane fade" id="admin">
				<div class="well">
							<h3>
								<img class="img-circle" id="head-pic" src="../img/admin.jpg"/>管理员登录
							</h3>
							<form class="" role="form" action="../AdminLoginServlet" method="post">
								<div class="form-group">
									<input type="text" name="aid" placeholder="管理员工号" class="form-control"/>
								</div>
								<div class="form-group">		
									<input type="password" name="apassword" placeholder="密码" class="form-control"/>	
								</div>								
								<div class="form-group">
									<input type="submit" class="btn btn-primary" id="adminlogin" value="登录" style="width: 100%"/>
								</div>								
							</form>
				</div>
			</div> 
		</div>
	</div>
	<SCRIPT src="../js/jquery-3.2.1.min.js"></SCRIPT>
	<SCRIPT src="../js/bootstrap.min.js"></SCRIPT>
</body>
</html>